'use client';
import '@ant-design/v5-patch-for-react-19';
import './globals.css';

import React from 'react';

import { ReduxProvider } from '@/data/store';
import { AntdRegistry } from '@ant-design/nextjs-registry';
import "./meta";

import pageData from './menu';
import dynamic from 'next/dynamic';
const SdiLayout = dynamic(() => import('./sdiLayout'), { ssr: false });

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="zh-CN" suppressHydrationWarning style={{width: '100%', height: '100%', display: 'flex', flexDirection: 'column'}} data-mantine-color-scheme="light">
      <body
        className={`antialiased`}
				style={{flex: 'auto', display: 'flex'}}
      >
        <ReduxProvider>
          <AntdRegistry>
            <SdiLayout config={pageData}>
              {children}
            </SdiLayout>
          </AntdRegistry>
        </ReduxProvider>
      </body>
    </html>
  );
}
